<template>
    <div class="box"><h1>5.学习 KUN站</h1></div>
    <Bilibli v-for="(item, index) in biliData" :key="item.id" :neir="item" style="margin-top: 5px;"></Bilibli>
    <Iqiyi class="aqy">
        <template #lt>
            <p>左上角</p>
        </template>


        <p>IKUN</p>
    </Iqiyi>
    <Iqiyi class="aqy">
        <template v-slot:cb>
            <p>右下角</p>
        </template>

        <p>只因</p>
    </Iqiyi>
</template>
<script>
// 导包
import Bilibli from '@/views/blibli.vue';
import Iqiyi from '@/components/iqy.vue';
export default {
    name: 'day5',

    components: {
        Bilibli,
        Iqiyi
    },
    data() {
        return {
            biliData: [
                {id:1,name: '直播'},
                {id:2,name: '视频'},
                {id:3,name: '搞笑'},
                {id:4,name: '音乐'},
                {id:5,name: '舞蹈'},
                {id:6,name: '游戏'},
                {id:7,name: '科技'},
                {id:8,name: '生活'}
            ]
        }
    },
    methods: {
        
    }
}

</script>
<style scoped>
.box{
    width: 300px;
    height: 100px;
    margin: auto;
    /* background-color: rgb(58, 18, 18); */
}
.aqy{
    float: left;
}
</style>